/* --------------
variables
---------------*/
/* color */
$brand-blue: #00E3FC;
$brand-blue-lite: #C0F0F9;
$brand-blue-dark: #00C7F2;
$brand-blue-link: #57C2DB;
$brand-blue-line: #38A7DF;
$brand-blue-ahover: #3ea6df;
$brand-yellow: #FFBD00;
$brand-yellow-lite: #FFD678;
$brand-yellow-dark: #FFB200;
$brand-black: #4A4A4A;
$brand-gray: #F0F0F0;
$brand-gray-dark: #30414D;

/* grid */
$grid-basic: 8px;
$grid-basic-per: 10%;
$grid-basic-size: 1rem;

/* component size */
$headerHeight: 50px;
$sideNavWidth: 260px;

/* break point */
$break-tablet: 768px;
$break-tablet-min: $break-tablet;
$break-tablet-max: $break-tablet - 1px;

/* z-index */
$sideNav-zindex: 10;
$header-zindex: 100;
$notification-zindex: $header-zindex + 1;
$mobileMenuBaseZ-index: 110;